<template>
    <div class="container">
        <el-container>
            <el-header>抵押人信息</el-header>
            <el-main>
                <el-form ref="dyrxxform" :model="slxxform"  :rules="rules" :size="size" :label-width="labelWidth"> 
                    <el-row :gutter="10">
                        <el-col :span="6">
                            <el-form-item label="权利人名称：">
                                <el-input v-model="dyrxxform.qlrmc"></el-input>
                            </el-form-item>                         
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="证件种类：">
                                <el-select v-model="dyrxxform.zjzl" placeholder="请选择证件类型">
                                    <el-option label="类型一" value="lx1"></el-option>
                                    <el-option label="类型二" value="lx2"></el-option>
                                </el-select>
                            </el-form-item> 
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="证件号码：">
                                <el-input v-model="dyrxxform.zjhm"></el-input>
                            </el-form-item>                         
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="性别：">
                                <el-select v-model="dyrxxform.xb" placeholder="请选择证件类型">
                                    <el-option label="类型一" value="lx1"></el-option>
                                    <el-option label="类型二" value="lx2"></el-option>
                                </el-select>
                            </el-form-item>                         
                        </el-col>
                    </el-row>

                    <el-row :gutter="10">
                        <el-col :span="6">
                            <el-form-item label="单位性质：">
                                <el-select v-model="dyrxxform.dwxz" placeholder="请选择证件类型">
                                    <el-option label="类型一" value="lx1"></el-option>
                                    <el-option label="类型二" value="lx2"></el-option>
                                </el-select>
                            </el-form-item>                         
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="国籍：">
                                <el-input v-model="dyrxxform.gj"></el-input>
                            </el-form-item> 
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="共有情况：">
                                <el-select v-model="dyrxxform.gyqk" placeholder="请选择证件类型">
                                    <el-option label="类型一" value="lx1"></el-option>
                                    <el-option label="类型二" value="lx2"></el-option>
                                </el-select>
                            </el-form-item>                         
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="权利比例：">
                                <el-input v-model="dyrxxform.qlbl"></el-input>
                            </el-form-item>                         
                        </el-col>
                    </el-row>

                    <el-row :gutter="10">
                        <el-col :span="6">
                            <el-form-item label="不动产权证号：">
                                <el-input v-model="dyrxxform.bdcqzh"></el-input>
                            </el-form-item> 
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="代理人名称：">
                                <el-input v-model="dyrxxform.dlrmc"></el-input>
                            </el-form-item> 
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="代理人电话：">
                                <el-input v-model="dyrxxform.dlrdh"></el-input>
                            </el-form-item>                         
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="代理人证件号码：">
                                <el-input v-model="dyrxxform.dlrzjhm"></el-input>
                            </el-form-item> 
                        </el-col>
                    </el-row>
                </el-form>
                
            </el-main>
        </el-container>
    </div>
</template>

<script> 

export default {
    name: "DyrForm", /** 抵押人组件 */
    props:['index', 'item'],  /** 接收父组件传递过来的参数 */
    components: {},
    data() {
        return {
            labelWidth:{
                type:String,
                default:'150px'
            },
            size:{
                type:String,
                default:'medium'
            },

            dyrxxform: {
                qlrmc:'',
                zjzl:'',
                zjhm:'',
                xb:'',
                dwxz:'',
                gj:'',
                gyqk:'',
                qlbl:'',
                bdcqzh:'',
                dlrmc:'',
                dlrdh:'',
                dlrzjhm:''
            },
            rules:{

            }
        };
    },
    computed: {},
    watch: {},
    methods: {
 
    },
    created() {},
    mounted() {},
    beforeCreate() {},
    beforeMount() {},
    beforeUpdate() {},
    updated() {},
    beforeDestroy() {},
    destroyed() {},
    activated() {},
    }
</script>
<style lang='scss' scoped>
//@import url(); 引入公共css类
 .el-header {
    background-color: #B3C0D1;
    color: #333;
    text-align: center;
    line-height: 60px;
  }

  .el-main {
    background-color: #E9EEF3;
    color: #333;
    text-align: left;
    line-height: 100px;
  }

  .el-main >>> .el-input {
      width: 240px;
  } 

</style>